<!DOCTYPE html>
<html>
<head>
	<title>About</title>
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="js/jquery.min.js"></script>
	<!-- Custom Theme files -->
	<!--theme-style-->
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
	<!--//theme-style-->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="Whizz Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
	<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
	<!--flexslider-->
	<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
	<!--//flexslider-->
</head>
<body>
<!--header-->
<div class="header">
	<div class="container">
		<div class="header-top">
			<div class="top-nav">
				<span class="menu"><img src="images/menu.png" alt=""> </span>
				<ul>
					<li ><a href="index.php" class="color"><i class="glyphicon glyphicon-home"></i>  </a> </li>
					<li><a href="portfolio.php"   class="hvr-bounce-to-top">分类照片</a></li>
<!--					<li ><a href="404.php" class="hvr-bounce-to-top">暂定 </a> </li>-->
					<li><a href="blog.php"  class="hvr-bounce-to-top">博客 </a></li>
					<li><a href="about.php"  class="hvr-bounce-to-top">关于我 </a></li>
					<!--					<li><a href="typo.php"  class="hvr-bounce-to-top">Typo </a></li>-->
					<li><a href="contact.php"  class="hvr-bounce-to-top">联系我 </a></li>
					<div class="clearfix"> </div>
				</ul>
				<!--script-->
				<script>
					$("span.menu").click(function(){
						$(".top-nav ul").slideToggle(500, function(){
						});
					});
				</script>
			</div>
			<script type="text/javascript">
				$('.search').hide();
				$('button').click(function (){
						$('.search').show();
						$('.text').focus();
					}
				);
				$('.close-in').click(function(){
					$('.search').hide();
				});
			</script>
			<div class="clearfix"> </div>
		</div>
		<div class="logo">
			<a href="index.php"><img src="images/logo.png" alt="">	</a>
		</div>
	</div>
</div>
<!--//header-->
<!--content-->
<div class="about">
	<!--content-top-->
	<div class="container">
		<div class="about-top">
			<h1>About</h1>
			<div class="about-top-in">

				<div class="col-md-4 top-content">
					<a href="#"><img  class="img-responsive" src="myPictures/me_1.jpg" alt=""></a>
<!--					<h4><a href="#">Consectetur adipisicing elit?</a></h4>-->
<!--					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>-->
				</div>

				<div class="col-md-4 top-content">
					<a href="#"><img class="img-responsive" src="myPictures/me_3.jpg" alt=""></a>
<!--					<h4><a href="#">Consectetur adipisicing elit</a></h4>-->
<!--					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>-->
				</div>
				<div class="col-md-4 top-content">
					<a href="#"><img class="img-responsive" src="myPictures/me_2.jpg" alt=""></a>
<!--					<h4><a href="#">Consectetur adipisicing elit</a></h4>-->
<!--					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>-->
				</div>
				<div class="clearfix"> </div>
				<div style="margin-left: 20px; margin-top: 30px;" align="center">
					<p>
						我们都是小青蛙呱呱呱呱呱 喜欢快乐的生活最爱说笑话 我们都是小青蛙呱呱呱呱呱 每天快乐的唱歌心中志气大 不做懒惰之蛙不做井底之蛙 好好学本领来把害虫抓 要做聪明之蛙要做勇敢之蛙 惩恶除霸青蛙最伟大 有天遇到我的小天鹅 千万别笑我是赖蛤蟆 青蛙一定也能变王子 和她一起来跳恰恰恰
					</p>
				</div>
			</div>
		</div>
	</div>
	<!--//content-top-->
	<div class="about-middle">
		<div class="container">
			<div class="mid-about">
				<div class="col-md-9 mid1">
					<h2>Hello World</h2>
					<p>"the world is a fine place and worth fighting for".
						I agree with the second part.</p>
				</div>
				<div class="col-md-3 mid2">
					<a class=" more-in" href="#">Read More</a>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!---->
	<div class="container">
		<div class="about-bottom">
			<div class="col-md-6 bottom-about">
				<h4>Attention,</h4>
				<ul>
					<li><a href="#"><i class="glyphicon glyphicon-ok"></i> 儿子，你要不要叫外卖？</a></li>
					<li><a href="#"><i class="glyphicon glyphicon-ok"></i> 好</a></li>
					<li><a href="#"><i class="glyphicon glyphicon-ok"></i> </a></li>
					<li><a href="#"><i class="glyphicon glyphicon-ok"></i> </a></li>
					<li><a href="#"><i class="glyphicon glyphicon-ok"></i> </a></li>
					<li><a href="#"><i class="glyphicon glyphicon-ok"></i> </a></li>
					<li><a href="#"><i class="glyphicon glyphicon-ok"></i> </a></li>
					<li><a href="#"><i class="glyphicon glyphicon-ok"></i> </a></li>
					<li><a href="#"><i class="glyphicon glyphicon-ok"></i> </a></li>
					<li><a href="#"><i class="glyphicon glyphicon-ok"></i> </a></li>
					<li><a href="#"><i class="glyphicon glyphicon-ok"></i> 于是爸爸带儿子去派出所改名了</a></li>

				</ul>
			</div>
			<div class="col-md-6 bottom-about1">
				<iframe src="video/test.mp4"  webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<!--//content-->
<div class="footer">
	<div class="container">
		<div class="footer-class">
			<div class="col-md-10 class-footer">
				<ul>
					<li ><a href="index.php" >首页</a> </li>
					<li><a href="portfolio.php" >分类照片</a></li>
					<!--						<li ><a href="404.php" >Tours </a> </li>-->
					<li><a href="blog.php" >博客 </a></li>
					<li><a href="about.php" >关于我 </a></li>
					<!--						<li><a href="typo.php" >Typo </a></li>-->
					<li><a href="contact.php" >联系我 </a></li>
					<li><a href="tools/doAction.php?action=checkCookies" >进入后台管理 </a></li>
				</ul>
				<p class="footer-grid">Copyright &copy; 2017.Company name All rights reserved.</p>
			</div>
			<div class="col-md-2">
				<ul class="social">
					<li ><a href="#"><i> </i></a></li>
					<li ><a href="#"><i class="facebook"> </i></a></li>
					<li ><a href="#"><i class="google"> </i></a></li>
				</ul>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>

</div>
</body>
</html>